</td>
                    </tr>
                  </table>
                </td>
              </tr>
              <tr style="vertical-align: top; padding: 0;">
                <td class="container templateContainerPadding" align="center" valign="top" style="vertical-align: top; padding: 0;">
                  <table id="footerContent" style="border-spacing: 0; border-collapse: collapse; font-family: proxima-nova, 'helvetica neue', helvetica, arial, geneva, sans-serif; height: 100%; width: 100%; border-top-style: solid; border-top-color: #ebeaef; color: #999999; font-size: 12px; background: #ffffff; margin: 0; padding: 0; border-width: 1px 0 0;">
                    <tr style="vertical-align: top; padding: 0;">
                      <td valign="top" style="vertical-align: top; text-align: left; padding: 0;" align="left">
                        <p style="margin: 20px 0;">
                          Your username: {{user.name}}<br>
                        </p>
                      </td>
                      <td width="30">&nbsp;</td>
                      <td valign="top" style="vertical-align: top; text-align: right; padding: 0;" align="right">
                        <p style="margin: 20px 0;">JS Bin Ltd.<br>Company No.&nbsp;8998555<br>Made in Brighton, UK</p>
                      </td>
                    </tr>
                    <tr>
                      <td valign="top" style="vertical-align: top; text-align: center; padding: 0;" align="center" colspan="3">
                        <a style="color: #00F;font-weight: bold;text-decoration: none;" href="https://jsbin.com/upgrade?utm_source=welcome-email&utm_medium=email&utm_campaign=welcome-email"><img src="https://static.jsbin.com/images/jsbin-knockout.png" alt="JS Bin" width="128" height="128" style="outline: none; text-decoration: none; border: 0;" /></a>
                      </td>
                    </tr>
                  </table>
                </td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </center>

<style type="text/css">
body {
width: 100% !important;
}
.ReadMsgBody {
width: 100%;
}
.ExternalClass {
width: 100%;
}
body {
-webkit-text-size-adjust: none;
}
body {
margin: 0; padding: 0;
}
img {
border: 0; outline: none; text-decoration: none;
}
#backgroundTable {
height: 100% !important; margin: 0; padding: 0; width: 100% !important;
}
#backgroundTable {
color: #4c4c4c; background-color: #ffffff; font-family: sans-serif; font-size: 14px; line-height: 150%;
}

@media only screen and (min-width: 600px) {
  .container { width: auto !important; padding: 0 40px !important;}
}

@media screen and (max-width: 600px) {
  body, table, td, p, a, li, blockquote { -webkit-text-size-adjust: none !important }
  body { width: 100% !important; min-width: 100% !important }
  .container { width: auto !important; padding: 0 10px !important;}
}</style>
</body>
</html>
